<!DOCTYPE html>
<html>
<head lang="zh-CN">
    <meta charset="UTF-8">
    <title>调查问卷</title>
    <script type="text/javascript" src="js/pageLoadBefore.js"></script>
    <link rel="stylesheet" href="css/style.css"/>
</head>
<body>
<!--顶部-->
<div class="topBar ub ub-ae MainBC">
    <div class="logo"></div>
    <div class="ub path"><a>首页</a><span> > </span><a>用户中心</a><span> > </span><span>我要找老师</span></div>
    <div class="ub-f"></div>
    <div class="ub ub-ac pExit">
        <div class="exit"></div>
        <div>退出登录</div>
    </div>
</div>
<!--浮标-->
<div class="fixedSub">
    <div class="icon icon-top" onclick="toTop();"></div>
    <div class="icon icon-phone"></div>
    <div class="icon icon-chat"></div>
    <div class="icon icon-user" onclick="window.location.href='serveServer.html'"></div>
</div>
<!--主体-->
<div class="ub">
    <!--左侧菜单-->
    <div class="nav">
        <div class="ub ub-ac navItem">
            <div><img src="img/zuhe.png"></div>
            <div>组合</div>
            <div class="ub-f ub ub-pe"><img src="img/angle.png"></div>
        </div>
        <ul>
            <li><a href="stockPool.html">股票池</a></li>
            <li><a href="operateStrategy.html">操作策略</a></li>
        </ul>
        <div class="ub ub-ac navItem active">
            <div><img src="img/fuwu.png"></div>
            <div>服务</div>
            <div class="ub-f ub ub-pe"><img src="img/angle.png"></div>
        </div>
        <ul>
            <li><a href="serveTeacher.html">我要找老师</a><span class="badge">99</span></li>
            <li><a href="serveServer.html">我要找客服</a><span class="badge">99+</span></li>
            <li class="active"><a href="serverMade.html">我要去定制</a></li>
        </ul>
        <div class="ub ub-ac navItem">
            <div><img src="img/zhanghu.png"></div>
            <div>我的账户</div>
            <div class="ub-f ub ub-pe"><img src="img/angle.png"></div>
        </div>
        <ul>
            <li><a href="myOrder.html">我的订单</a></li>
            <li><a href="serverVIP.html">我要升级VIP</a></li>
            <li><a href="msgNotify.html">消息通知</a></li>
            <li><a href="wxSever.html">微信服务</a></li>
        </ul>
        <div class="ub ub-ac navItem">
            <div><img src="img/kefu.png"></div>
            <div>我的客服</div>
            <div class="ub-f ub ub-pe"><img src="img/angle.png"></div>
        </div>
        <div style="padding-top: 15px;">
            <div class="ub ub-ac ub-pc">
                <img src="img/src/serverPic.png">
            </div>
            <div class="ub ub-ac ub-pc severInfo">
                张颖&nbsp;&nbsp;工号（8384）
            </div>
            <div class="ub ub-ac ub-pc severInfo">
                服务热线：025-962155
            </div>
        </div>
    </div>
    <!--正体-->
    <div class="container ub-f ub ub-ver">
        <!--欢迎-->
        <div class="userWe areaBC margin-b">
            <span class="text-warn">13*****647</span> 下午好，欢迎来到天鼎投资！<br>
            <img src="img/bell.png">我们已经为您服务了<span class="text-warn">30</span>天，还有<span
                class="text-warn">50</span>天到期，若对我们的服务还满意，请立即续费，以免错过最佳投资时机。
            <div class="renew">立即续费</div>
        </div>
        <div class="ub">
            <!--正体左 文章-->
            <div class="containL ub ub-ver">
                <!--文章题栏-->
                <div class="margin-b areaBC titleLine ub ub-ac">
                    <div class="titleIco"><img src="img/serveTeacher.png"></div>
                    <span>我的定制</span>
                </div>
                <div class="areaBC ub ub-ver content">
                    <style>
                        .questionLine {padding: 10px 0;}
                        .questionLine span:first-child {}
                        .qusCon {margin-left: 10px;margin-top: 10px;}
                        .qusCon label {margin-right: 20px;}
                    </style>
                    <form>
                        <div class="ub">
                            <div class="titB">个性化交易策略定制</div>
                            <div class="ub-f ub ub-pe hotLine">咨询热线：025-962155</div>
                        </div>
                        <p style="font-size: 12px;line-height: 10px;margin-top: 5px;">带<i class="text-warn">*</i>&nbsp;为必选，其他可选</p>

                        <div class="questionLine">
                            <span>一、持仓账户截图<i class="text-warn">*</i>：</span>
                            <input type="file">
                        </div>
                        <div class="questionLine">
                            <span>二、重仓个股截图<i class="text-warn">*</i>：</span>
                            <input type="file">
                        </div>
                        <div class="questionLine">
                            <span>三、个股持仓成本<i class="text-warn">*</i>：</span>
                            <input type="text" placeholder="请输入您的成本" style="height: 22px;line-height:22px;width: 100px;padding: 0 5px;">
                        </div>
                        <div class="questionLine">
                            <span>四、炒股年龄：</span>

                            <div class="qusCon">
                                <input type="radio" name="age" id="age1"/><label for="age1">A：1年以下</label>
                                <input type="radio" name="age" id="age2"/><label for="age2">B：1-3年</label>
                                <input type="radio" name="age" id="age3"/><label for="age3">C：3-5年</label>
                                <input type="radio" name="age" id="age4"/><label for="age4">D：5年以上</label>
                            </div>
                        </div>
                        <div class="questionLine">
                            <span>五、选股途径：</span>

                            <div class="qusCon">
                                <input type="checkbox" name="way" id="way1"/><label for="way1">A：网站、电视</label>
                                <input type="checkbox" name="way" id="way2"/><label for="way2">B：微信、小视频</label>
                                <input type="checkbox" name="way" id="way3"/><label for="way3">C：软件、直播</label>
                                <input type="checkbox" name="way" id="way4"/><label for="way4">D：听朋友推荐</label>
                            </div>
                        </div>
                        <div class="questionLine">
                            <span>六、买卖点把握：</span>

                            <div class="qusCon">
                                <input type="radio" name="rely" id="rely1"/><label for="rely1">A：想当然</label>
                                <input type="radio" name="rely" id="rely2"/><label for="rely2">B：技术分析</label>
                                <input type="radio" name="rely" id="rely3"/><label for="rely3">C：资金管理</label>
                                <input type="radio" name="rely" id="rely4"/><label for="rely4">D：朋友指导</label>
                            </div>
                        </div>
                        <div class="questionLine">
                            <span>七、交易风格：</span>

                            <div class="qusCon">
                                <input type="radio" name="style" id="style1"/><label for="style1">A：短线</label>
                                <input type="radio" name="style" id="style2"/><label for="style2">B：波段</label>
                                <input type="radio" name="style" id="style3"/><label for="style3">C：长线</label>
                                <input type="radio" name="style" id="style4"/><label for="style4">D：没有</label>
                            </div>
                        </div>
                    </form>
                    <div class="ub">
                        <div class="submit">提 交</div>
                    </div>


                    <div class="ub" style="margin-top: 30px;">
                        <div class="titB">定制结果</div>
                        <div class="ub-f ub ub-pe hotLine">咨询热线：025-962155</div>
                    </div>
                    <div class="consultPane">
                        <div class="ub consultLine">
                            <div class="answer"></div>
                            <div class="divImg circle userPicCon"><img src="img/src/PicTeacher.png"></div>
                            <div class="ub-f ub ub-ver">
                                <div class="ftsX">李雨青老师</div>
                                <div class="ftsM">您好，根据您提交的问卷，我们为您定制了……</div>
                            </div>
                            <div class="ftsX">02-28 15:00</div>
                        </div>
                        <div class="ub ub-pe ub-ac ask" onclick="">
                            <div class="askIcon"></div>
                            <div>追问</div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 正体右 咨询-->
            <div class="containR ub ub-ver">
                <div class="MainBC ttLine">消息直播</div>
                <div class="areaBC con-3 ub ub-ver" id="messages">
                    <div class="ub ub-ver msg">
                        <div class="ub">
                            <div class="newL">
                                <span>13:10</span>

                                <div class="newPoint"></div>
                            </div>
                            <div class="ub-f ub ub-ver newR">
                                <div class="newRT">上海筹谋推动当地能源领域改革</div>
                                <div class="newRC">上海市正筹谋推动当地能源领域改革，其中燃气行业改革是重要组成部分，其改革方向是专业化、市场化、国际化，其总体思路要放开上下游管住中间。
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="ub ub-ver msg">
                        <div class="ub">
                            <div class="newL">
                                <span>13:08</span>

                                <div class="newPoint"></div>
                            </div>
                            <div class="ub-f ub ub-ver newR">
                                <div class="newRT">上海筹谋推动当地能源领域改革</div>
                                <div class="newRC">上海市正筹谋推动当地能源领域改革，其中燃气行业改革是重要组成部分，其改革方向是专业化、市场化、国际化，其总体思路要放开上下游管住中间。
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="ub ub-ver msg">
                        <div class="ub">
                            <div class="newL">
                                <span>12:09</span>

                                <div class="newPoint"></div>
                            </div>
                            <div class="ub-f ub ub-ver newR">
                                <div class="newRT">上海筹谋推动当地能源领域改革</div>
                                <div class="newRC">上海市正筹谋推动当地能源领域改革，其中燃气行业改革是重要组成部分，其改革方向是专业化、市场化、国际化，其总体思路要放开上下游管住中间。
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="ub ub-ac ub-pc">
                        <div class="loadMore">加载更多</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--底部-->
<div class="footer"></div>
<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript">
    //    function ask() {
    //        var $text = $('textarea'), t = $text.offset().top;
    //        $('html').animate({scrollTop: t}, 'fast', function () {
    //            $text.focus();
    //        });
    //    }

    //    $('#messages').click(function () {
    //        var htmlStr = '<div class="ub ub-ver msg">' +
    //                '<div class="ub">' +
    //                '<div class="newL">' +
    //                '<span>12:09</span>' +
    //                '<div class="newPoint"></div>' +
    //                '</div>' +
    //                '<div class="ub-f ub ub-ver newR">' +
    //                '<div class="newRT">上海筹谋推动当地能源领域改革</div>' +
    //                '<div class="newRC">其中燃气行业改革是重要组成部分，其改革方向是专业化、市场化、国际化，其总体思路要放开上下游管住中间。' +
    //                '</div>' +
    //                '</div>' +
    //                '</div>' +
    //                '</div>', html = '';
    //        for (var i = 0; i < 2; i++) {
    //            html = html + htmlStr;
    //        }
    //        $('#messages').prepend(html);
    //    });

</script>
</body>
</html>